<style>
body
{background-color: grey;}
div
{
	height: 80px;
	width: 200px;
	border: black 1px solid;
	float: left;
	background: white;
	-webkit-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	-moz-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
}
div:hover
{
	opacity: 0.5;
	background: orange;
	-webkit-transform: translate(-50px, -50px);
	
}
</style>
<h3>CSS3 animations</h3>
<div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div>
<div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div>
<div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div>
<div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div> 

